<%@ page contentType="text/html;charset=utf-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="keywords" content="fly,layui,前端社区">
    <meta name="description" content="Fly社区是经典模块化前端框架 layui 的官方社区，平台致力于为 layui 开发者提供技术解答、分享、讨论等各类服务。">
    <!-- 		<meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> -->
    <!-- 		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> -->
    <title>Fly - layui 前端框架官方社区</title>
    <link rel="shortcut icon" href="#"/>
    <link rel="stylesheet" type="text/css" href="commons/iconfont/iconfont.css"/>
    <link rel="stylesheet" type="text/css" href="commons/layui/css/layui.css"/>
    <link rel="stylesheet" type="text/css" href="style/global.css"/>
    <script src="js/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="commons/layui/layui.js" type="text/javascript" charset="utf-8"></script>
    <script>
        function change(me) {
            $(".columnTitle>a").removeClass("layui-this");
            if (me.tagName == "LI") {
                $(".columnTitle li").removeClass("layui-this");
                $(".columnTitle>a").eq(0).addClass("layui-this");
            }
            $(me).addClass("layui-this");
        }
    </script>
</head>
<body>
<div class="fly-header layui-bg-black">
    <div class="layui-container"><a class="fly-logo" name="headlink" href="javascript:gotoIndex();"> <img
            src="img/logo.png"
            alt="layui">
    </a>
        <ul class="layui-nav fly-nav layui-hide-xs">
            <li class="layui-nav-item layui-this"><a href="javascript:gotoIndex();"><i
                    class="iconfont icon-jiaoliu"></i>交流</a>
            </li>
            <li class="layui-nav-item"><a href="javascript:;"><i class="iconfont icon-chanpin"
                                                                 style="top: 1px;"></i>专区<span
                    class="layui-nav-more"></span></a>
                <dl class="layui-nav-child fly-nav-child layui-anim layui-anim-upbit">
                    <dd><a href="/vipclub/list/layuiadmin/">layuiAdmin</a></dd>
                    <hr>
                    <dd><a href="/vipclub/list/layim/">LayIM</a></dd>
                </dl>
            </li>
            <li class="layui-nav-item"><a href="http://www.layui.com/"><i class="iconfont icon-ui"></i>框架</a></li>
            <c:if test="${!empty currentUser}">
                <li class="layui-nav-item nav-user"><a class="fly-nav-avatar" href="javascript:gotoUserCenter();"
                                                       id="LAY_header_avatar">
                    <cite
                            class="layui-hide-xs">${currentUser.nickName}</cite> <img
                        src="upload/${currentUser.headImg}"><span
                        class="layui-nav-more"></span></a>
                    <dl class="layui-nav-child layui-anim layui-anim-upbit">
                        <dd><a href="javascript:gotoUserCenter();">用户中心</a></dd>
                        <dd><a href="javascript:gotoUserAset();">基本设置</a></dd>
                        <hr>
                        <dd><a href="javascript:gotoUserMsg();">我的消息</a></dd>
                        <dd><a href="/user/product/">已购产品</a></dd>
                        <dd><a href="javascript:gotoUserHomepage();">我的主页</a></dd>
                        <hr style="margin: 5px 0;">
                        <dd><a href="javascript:logOut();" style="text-align: center;">退出</a></dd>
                    </dl>
                </li>
            </c:if>
        </ul>
        <c:if test="${empty currentUser}">
            <ul class="layui-nav fly-nav-user">
                <li class="layui-nav-item"><a class="iconfont icon-touxiang layui-hide-xs"
                                              href="https://fly.layui.com/user/login/"></a>
                </li>
                <li class="layui-nav-item"><a href="../page/login-register.jsp">登入</a></li>
                <li class="layui-nav-item"><a href="../page/login-register.jsp">注册</a></li>
                <li class="layui-nav-item layui-hide-xs"><a href="https://fly.layui.com/app/qq/"
                                                            onclick="layer.msg('&#39;正在通过QQ登入&#39;, {icon:16, shade: 0.1, time:0}')"
                                                            title="QQ登入" class="iconfont icon-qq"></a></li>
                <li class="layui-nav-item layui-hide-xs"><a href="https://fly.layui.com/app/weibo/"
                                                            onclick="layer.msg('&#39;正在通过微博登入&#39;, {icon:16, shade: 0.1, time:0}')"
                                                            title="微博登入" class="iconfont icon-weibo"></a></li>
            </ul>
        </c:if>
    </div>
</div>
<div class="fly-panel fly-column">
    <div class="layui-container">
        <ul class="layui-clear columnTitle">
            <li onclick="toggleData('index/indexPage',this)" class="layui-hide-xs  layui-this"><a
                    href="javascript:;">首页</a></li>
            <li onclick="toggleData('index/indexPage?columnName=',this)"><a href="javascript:;">提问</a></li>
            <li onclick="toggleData('index/indexPage?columnName=',this)"><a href="javascript:;">分享</a></li>
            <li onclick="toggleData('index/indexPage?columnName=',this)"><a href="javascript:;">讨论</a></li>
            <li onclick="toggleData('index/indexPage?columnName=',this)"><a href="javascript:;">建议</a></li>
            <li onclick="toggleData('index/indexPage?columnName=',this)"><a href="javascript:;">公告</a></li>
            <li onclick="toggleData('index/indexPage?columnName=',this)"><a href="javascript:;">动态</a></li>
            <c:if test="${!empty currentUser}">
                <li class="layui-hide-xs layui-hide-sm layui-show-md-inline-block"><span class="fly-mid"></span></li>
                <li class="layui-hide-xs layui-hide-sm layui-show-md-inline-block"><a
                        href="javascript:gotoUserInvitation();">我发表的贴</a></li>
                <a href="/user/post/">我收藏的贴</a>
            </c:if>
        </ul>
        <div class="fly-column-right layui-hide-xs"><span class="fly-search LAY_search"><i
                class="layui-icon layui-icon-search"></i></span>
            <a href="javascript:gotoSendPost(${currentUser.id});" class="layui-btn">发表新帖</a></div>
        <div class="layui-hide-sm layui-show-xs-block"
             style="margin-top: -10px; padding-bottom: 10px; text-align: center;">
            <a href="javascript:gotoSendPost();" class="layui-btn">发表新帖</a></div>
    </div>
</div>
<div class="layui-container">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-md8">
            <div class="fly-panel layui-hide-xs isHidden">
                <div class="layui-row fly-panel-main" style="padding: 15px;">
                    <div class="layui-carousel fly-topline" id="FLY_topline" lay-anim="fade" lay-indicator="inside"
                         lay-arrow="hover"
                         style="width: 100%; height: 172px;">
                        <div carousel-item="">
                            <div time-limit="2020-04-15 0:0:0" class=""><a href="https://coding.net/?utm_source=layui"
                                                                           target="_blank" id="fly-spm-event-banner-1"
                                                                           rel="nofollow"> <img
                                    src="img/168_1557540327882_97399.png" alt="CODING"> </a></div>
                            <div time-limit="2020-08-10 0:0:0" class="layui-this"><a href="http://www.yixiekeji.com/"
                                                                                     target="_blank"
                                                                                     id="fly-spm-event-banner-2"
                                                                                     rel="nofollow"> <img
                                    src="img/168_1561705041953_38174.jpg" alt="yixiekeji"> </a>
                            </div>
                        </div>
                        <div class="layui-carousel-ind">
                            <ul>
                                <li class=""></li>
                                <li class="layui-this"></li>
                            </ul>
                        </div>
                        <button class="layui-icon layui-carousel-arrow layui-icon-left" lay-type="sub"></button>
                        <button class="layui-icon layui-carousel-arrow layui-icon-right"
                                lay-type="add"></button>
                    </div>
                </div>
            </div>
            <div class="fly-panel isHidden">
                <div class="fly-panel-title fly-filter"><a>置顶</a> <a href=""
                                                                     class="layui-hide-sm layui-show-xs-block fly-right"
                                                                     id="LAY_goSignin" style="color: #FF5722;">去签到</a>
                </div>
                <ul id="topList" class="fly-list">
                </ul>
            </div>
            <div class="fly-panel" style="margin-bottom: 0;">
                <div class="fly-panel-title fly-filter columnTitle"><a class="layui-this"
                                                                       onclick="toggleData('index/indexPage',this)"
                                                                       href="javascript:;">综合</a><span
                        class="fly-mid"></span><a onclick="toggleData('index/indexPage?isClosed=0',this)"
                                                  href="javascript:;">未结</a><span
                        class="fly-mid"></span><a onclick="toggleData('index/indexPage?isClosed=1',this)"
                                                  href="javascript:;">已结</a><span
                        class="fly-mid"></span><a onclick="toggleData('index/indexPage?isFine=1',this)"
                                                  href="javascript:;">精华</a></div>
                <ul id="orderList" class="fly-list">

                </ul>
                <div id="layPage" style="border-top: 1px dotted #e2e2e2; text-align: center;display: none">

                </div>
                <div style="text-align: center">
                    <div class="laypage-main"><a
                            href="javascript:$('#layPage').css('display','block');$('.laypage-next').css('display','none');"
                            class="laypage-next">更多求解</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-col-md4">
            <div class="fly-panel isHidden">
                <h3 class="fly-panel-title">温馨通道</h3>
                <div class="layui-row fly-panel-main" style="padding: 15px;">
                    <div class="layui-clear fly-list-quick">
                        <div class="layui-col-xs6">
                            <div><a href="https://fly.layui.com/extend/" target="_blank"> 组件平台 </a></div>
                        </div>
                        <div class="layui-col-xs6">
                            <div><a href="https://fly.layui.com/case/2019/" target="_blank"> 年度案例 </a></div>
                        </div>
                        <div class="layui-col-xs6">
                            <div><a href="http://fly.layui.com/jie/30227/" target="_blank"> 精贴集锦 </a></div>
                        </div>
                        <div class="layui-col-xs6">
                            <div><a href="http://fly.layui.com/jie/4281/" target="_blank"> Git 仓库 </a></div>
                        </div>
                        <div class="layui-col-xs6">
                            <div><a href="https://fly.layui.com/store/" target="_blank"> layui 模板 </a></div>
                        </div>
                        <div class="layui-col-xs6">
                            <div><a href="http://fly.layui.com/jie/13435/" target="_blank"> 关于飞吻 </a></div>
                        </div>
                        <a name="signin"> </a>
                    </div>
                </div>
            </div>
            <div class="fly-panel fly-signin isHidden">
                <div class="fly-panel-title"> 签到 <i class="fly-mid"></i> <a href="javascript:;" class="fly-link"
                                                                            id="LAY_signinHelp">说明</a>
                    <i class="fly-mid"></i> <a href="javascript:;" class="fly-link" id="LAY_signinTop">活跃榜</a>
                    <span class="fly-signin-days"><c:if test="${!empty currentUser}">已连续签到<cite>0</cite>天</c:if></span>
                </div>
                <div class="fly-panel-main fly-signin-main">
                    <button onclick="gotoSign()" class="layui-btn layui-btn-danger" id="LAY_signin">今日签到</button>
                    <span><c:if test="${!empty currentUser}">可获得<cite>5</cite>飞吻</c:if></span>
                    <input class="signVal" type="hidden" value="${currentUser.id}">
                </div>
            </div>
            <div class="fly-panel isHidden">
                <div class="fly-panel-title"> 钻级赞助商 <span class="fly-mid"></span> <a href="javascript:;"
                                                                                     class="fly-link">我要加入</a></div>
                <div class="fly-panel-main" style="padding: 13px 15px;"><a href="javascript:;"
                                                                           class="fly-zanzhu fly-zanzhu-img"
                                                                           style="background: none;"> <img
                        src="../img/168_1557540349142_16350.png">
                </a> <a href="javascript:;" class="fly-zanzhu fly-zanzhu-img"
                        style="background: none;"> <img src="../img/168_1561705136068_74941.jpg">
                </a> <a href="javascript:;" class="fly-zanzhu"
                        style="background-color: #272894;">H5 代码生成工具 - 免费、开源</a></div>
            </div>
            <div class="fly-panel fly-rank fly-rank-reply isHidden" id="LAY_replyRank">
                <h3 class="fly-panel-title">回贴周榜</h3>
                <dl class="replyList">

                </dl>
            </div>
            <dl class="fly-panel fly-list-one hotPost">
                <dt class="fly-panel-title">本周热议</dt>
            </dl>
            <div class="fly-panel isCopy layui-hide">
                <div class="fly-panel-title"> 钻级赞助商 <span class="fly-mid"></span> <a href="javascript:;"
                                                                                     class="fly-link">我要加入</a></div>
                <div class="fly-panel-main" style="padding: 13px 15px;"><a href="javascript:;"
                                                                           class="fly-zanzhu fly-zanzhu-img"
                                                                           id="fly-spm-event-diamonds-1"
                                                                           style="background: none;"> <img
                        src="../img/168_1557540349142_16350.png">
                </a> <a href="javascript:;" class="fly-zanzhu fly-zanzhu-img"
                        style="background: none;"> <img src="../img/168_1561705136068_74941.jpg">
                </a> <a href="javascript:;" class="fly-zanzhu"
                        style="background-color: #272894;">H5 代码生成工具 - 免费、开源</a></div>
            </div>
            <div class="fly-panel">
                <div class="fly-panel-title"> 官方产品</div>
                <div class="fly-panel-main">
                <a href="http://www.layui.com/admin/?from=fly" target="_blank"
                   class="fly-zanzhu"
                   time-limit="2017.09.25-2099.01.01"
                   style="background-color: #20222A; background-image: linear-gradient(to right,#20222A,#3E4251);">layuiAdmin - layui 官方后台管理模板</a>
                <a href="http://layim.layui.com/?from=fly" target="_blank" class="fly-zanzhu"
                time-limit="2017.09.25-2099.01.01" style="background-color: #009688; background-image: linear-gradient(to right,#009688,#5FB878);">LayIM - layui 即时通讯旗舰之作</a></div>
            </div>
            <div class="fly-panel" style="padding: 20px 0; text-align: center;"><img src="img/fukuan.png" style="max-width: 100%;" alt="layui">
                <p style="position: relative; color: #666;">微信扫码关注 layui 公众号</p>
            </div>
            <div class="fly-panel fly-link isHidden">
                <h3 class="fly-panel-title">友情链接</h3>
                <dl class="fly-panel-main">
                    <dd><a href="https://www.layui.com/admin/" target="_blank">后台管理模板</a></dd>
                    <dd></dd>
                    <dd><a href="https://www.xiankefu.com/" target="_blank">贤客服</a></dd>
                    <dd></dd>
                    <dd><a href="https://www.layui.com/layim/" target="_blank">WebIM</a></dd>
                    <dd></dd>
                    <dd><a href="http://www.bejson.com/" target="_blank">JSON在线工具</a></dd>
                    <dd></dd>
                    <dd><a href="http://www.smeoa.com/" target="_blank">小微OA</a></dd>
                    <dd></dd>
                    <dd><a href="http://www.fineui.com/" target="_blank">FineUI开源控件</a></dd>
                    <dd></dd>
                    <dd><a href="https://www.hellojava.com/" target="_blank">Java菜鸟社区</a></dd>
                    <dd></dd>
                    <dd><a href="https://juejin.im/?from=layui" target="_blank">掘金开发者社区</a></dd>
                    <dd></dd>
                    <dd><a href="http://www.jianliben.com/" target="_blank">简历模板</a></dd>
                    <dd></dd>
                    <dd><a href="http://www.uileader.com/" target="_blank">TouchUI移动框架</a></dd>
                    <dd></dd>
                    <dd><a href="http://ask.dcloud.net.cn/" target="_blank">DCloud开发者社区</a></dd>
                    <dd></dd>
                    <dd><a href="https://www.maoyuncloud.com/?from=layui" target="_blank">猫云</a></dd>
                    <dd></dd>
                    <dd><a href="https://www.t-io.org/" target="_blank">t-io</a></dd>
                    <dd></dd>
                    <dd><a href="javascript:;"
                           onclick="layer.alert('&#39;发送邮件至：xianxin@layui-inc.com&lt;br&gt; 邮件标题为：申请Fly社区友链&#39;, {title:&#39;申请友链&#39;}');"
                           class="fly-link">申请友链</a></dd>
                    <dd></dd>
                </dl>
            </div>
        </div>
    </div>
</div>
<div class="fly-footer">
    <p><a href="http://fly.layui.com/">Fly 社区</a> 2019 © <a href="http://www.layui.com/">layui.com</a></p>
    <p><a href="http://fly.layui.com/jie/3147/" target="_blank">付费计划</a> <a href="https://fly.layui.com/extend/"
                                                                            target="_blank">组件平台</a>
        <a href="https://fly.layui.com/store/" target="_blank">模板市场</a> <a href="https://fly.layui.com/case/2019/"
                                                                           target="_blank">年度案例</a>
        <a href="http://fly.layui.com/jie/2461/" target="_blank">公众号</a></p>
    <div class="fly-union">
        <p style="display: block; margin-bottom: 10px;"><span>感谢以下平台提供云加速支持</span></p>
        <p><a href="https://console.upyun.com/register/?invite=SJ0wu6g2-" target="_blank" rel="nofollow"
              sponsor="upyun">
            <img src="img/upyun.png"> </a> <a href="https://www.maoyuncloud.com/?from=layui" target="_blank"
                                              rel="nofollow"
                                              sponsor="maoyun"> <img src="img/168_1559291577683_9348.png"> </a></p>
    </div>
</div>
<div class="layui-layer-move"></div>
<script>
    layui.use(['util', 'carousel'], function () {
        let util = layui.util,
            carousel = layui.carousel;
        //图片轮播
        carousel.render({
            elem: '#FLY_topline',
            width: '100%', //设置容器宽度
            height: '172px',
            arrow: 'always' //始终显示箭头
        });
        //固定块
        util.fixbar({
            bar1: '&#xe642;',
            top: true,
            css: {
                right: 20,
                bottom: 15
            },
            bgcolor: '#009688',
            click: function (type) {
                if (type === 'bar1') {
                    gotoSendPost(${currentUser.id});
                }
            }
        });
    });
</script>
<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
<script src="js/indexPage.js" type="text/javascript" charset="utf-8"></script>
</body>
</html>
